<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div class="main">
		<span>1<img src="img/1.jpg"/></span>
		2<img src="img/1.jpg"/>
		</div>
		3<img src="img/1.jpg">
		4<img src="img/1.jpg">
		<div>
			5<img src="img/1.jpg">
		</div>
		<!--1..main里所有的img设置border: 5px solid red
		2..main里的子元素img设置border: 5px solid green
		3..main的相邻元素img设置border:5px solid blue
		4. .main的所有兄弟元素img设置border:5px solid yellow-->

		<!--<div id="main">孔子</div>
		<h4>论语</h4>
		<div class="one">子在川上曰：</div>
		<p>"逝者如斯夫！</p>
		<p>不舍昼夜。"</p>
			<!--a)	找到.one改变他的字体颜色
			b)	找到#main给他增加border：1px solid red
			c)	找到p标签元素给他添加边框border:1px solid green
			d)	找到全部元素改变字体28px
			e)	找到ID与ClassName 添加background:red-->-->
		<script type="text/javascript" src="jquery2.1.0/jquery-2.1.0.min.js">
		</script>
		<script type="text/javascript">
			$("#main").css("border","1px solid red")
			$(".one").css("color","deepskyblue")
			$("p").css("border","1px solid green")
			$("*").css("font-size","28px")
			$("#main,.one").css("background","red")
		</script>
	</body>
</html>
	